<!DOCTYPE html>
<html>
<head>
    <title>Issue 5255: Adding elements through Edit HTML shows them in the wrong place</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link href="../../_common/testcase.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<header>
    <h1><a href="http://code.google.com/p/fbug/issues/detail?id=5255">Issue 5255</a>:
    Adding elements through Edit HTML shows them in the wrong place</h1>
</header>
<div>
    <section id="content"><i>1</i><i>2</i><b id="mid">mid</b><i>6</i><i>7</i></section>
    <section id="description">
        <h3>Steps to reproduce</h3>
        <ol>
            <li>Open Firebug</li>
            <li>Inspect the <b>m</b><b>id</b> text above</li>
            <li>The <pre>&lt;b&gt;mid&lt;/b&gt;</pre> element should be selected in the HTML panel</li>
            <li>Click <span style="color:green">Edit</span> button in the toolbar.</li>
            <li>Change the markup to:
            <pre>&lt;i&gt;3&lt;/i&gt;&lt;i&gt;4&lt;/i&gt;&lt;i&gt;5&lt;/i&gt;</pre>
            </li>
            <li>Click <span style="color:green">Edit</span> button again to stop editing.</li>
            <li>The page should display:
            <pre>1234567</pre>
            </li>
        </ol>
    </section>
    <footer>Jan Odvarko, odvarko@gmail.com</footer>
</div>
</body>
</html>
